<template>
    <div>
        <!--月份查找-->
        <div class="options-wrapper">
            <div>
                <span>选择月份 </span>
                <DatePicker type="month"
                            :value="date"
                            placeholder="选择月份"
                            style="width: 200px">
                </DatePicker>
            </div>
        </div>
        <Table border :columns="columns" :data="list"></Table>
    </div>
</template>

<script>
    export default {
        name: "Index",
        data() {
            return {
                date: '',
                columns: [
                    {
                        title: '学生姓名',
                        key: 'studentName'
                    }, {
                        title: '入学时间',
                        key: 'studentName'
                    }
                ]
            }
        },
        methods: {}
    }
</script>

<style scoped>
    .options-wrapper {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }

</style>
